<html>

<head>
    <style>
        * {
            font-size: 16px;
        }
    </style>
    <script>
        const vscode = acquireVsCodeApi();
        function init() {
            vscode.postMessage({ command: "init" });
        }
    </script>
</head>

<body>
    <div>
        <h3>This is the extension for ArkTs Language. Fast way to create, init, build and
            run ArkTs project.</h3>
        <h2>Requirements</h2>
        <p>After VsCode 1.75.0</p>
        <h2>Extension Settings</h2>
        <p>This extension contributes the following settings:</p>
        <ul>
            <li><code>arktsTools.hosSdkPath</code>: The absolute path to HarmonyOS Sdk.</li>
            <li><code>arktsTools.ohosSdkPath</code>: The absolute path to OpenHarmony Sdk.</li>
            <li><code>arktsTools.commandToolsPath</code>: The absolute path to Command Line Tools</li>
            <li><code>arktsTools.codelinterReloadChange</code>: Refresh struct after file/resources/folder change</li>
            <li><code>arktsTools.codelinterCheckAfterSave</code>: Run codelinter after save text document</li>
            <li><code>arktsTools.intellisensesModulesPath</code>: The absolute path to intellisenses modules roles.
                WARNING! The Location MUST be a FOLDER and file name MUST like "ets_role_***.json"</li>
        </ul>
        <div>
            <p>
                <strong>About Init Build Tool! The Tools support auto config, but suggest config the environment by
                    yourself. In case the auto script destory your system! </strong>
            </p>
            <p>Please follow this
                <a
                    href="https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/ide-commandline-get-0000001954334245-V5">guide</a>
                finish the environment config
            </p>
            <p>Then please finish the extension setting</p>
            <a href="javascript:;" onclick="init();">Use Auto Config</a>
        </div>
    </div>
    <div>
        <h2>Intellisenses Modules Roles</h2>
        <p>Introduce Role Field</p>
        <p>1 - root: Package Name or Modules Name, like 'std' in native module;</p>
        <p>2 - digit: check trigger digit. for exmaple, if the value is 1, it'll get the name when you key in "import
            std.".when
            value is 2 will happend key in "import std.collection.";</p>
        <p>3 - libs: all Modules Name in this Package;</p>
        </p>
    </div>
</body>

</html>